<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="res/style.css">
<title></title>
<script src="../node_modules/echarts/dist/echarts.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../node_modules/echarts-wordcloud/dist/echarts-wordcloud.js"></script>
<script src="js/chain.js"></script>
<script src="js/macarons.js"></script>
<script src="js/purple-passion.js"></script>
</head>
<body class="fill-parent"
	dg-chart-auto-resize="true"
	dg-chart-options="{title:{show:false},legend:{top:0},grid:{top:25}}"
	dg-chart-theme="{color:'#F0F0F0',actualBackgroundColor:'#000c3b'}">
<div class="head">
	<div class="title">
		<div class="title-left"></div>
		<div class="title-value"><label>开发人员情况调查报告</label></div>
		<div class="title-right"></div>
	</div>
</div>
<div class="content">
	<div class="layout layout-left-top">
		<div class="panel">
			<div class="title"><label>不同年龄段的行业分布</label></div>
			<div class="chart" dg-chart-widget="" id="box1"></div>
		</div>
	</div>
	<div class="layout layout-left-center">
		<div class="panel">
			<div class="title"><label>不同学历的薪资分布</label></div>
			<div class="chart" dg-chart-widget="" id="box2"></div>
		</div>
	</div>
	<div class="layout layout-center-top">
		<div class="title" style="text-align: center"><label>热门岗位</label></div>
		<div class="panel">
			<div class="chart chart-left" dg-chart-widget="" id="box3"></div>
			<div class="chart chart-center" dg-chart-widget="" id="box4"></div>
			<div class="chart chart-right" dg-chart-widget="" id="box5"></div>
		</div>
	</div>
	<div class="layout layout-center-bottom">
		<div class="panel border-all">
			<div class="chart" dg-chart-widget="" id="box6"></div>
			<div class="border-foot"></div>
		</div>
	</div>
	<div class="layout layout-right-top">
		<div class="panel">
			<div class="title"><label></label></div>
			<div class="chart" dg-chart-widget="" id="box7"></div>
		</div>
	</div>
	<div class="layout layout-right-center">
		<div class="panel">
			<div class="title"><label></label></div>
			<div class="chart" dg-chart-widget="" id="box8"></div>
		</div>
	</div>
</div>
<script defer src="js/ageGroup.js"></script>
<script defer src="js/education.js"></script>
<script defer src="js/job1.js"></script>
<script defer src="js/job2.js"></script>
<script defer src="js/job3.js"></script>
<script defer src="js/salary.js"></script>
<script defer src="js/WordCloud.js"></script>
<script defer src="js/map.js"></script>
</body>
</html>